<html>
	<head>	
		<title>Tecnicos YA!</title>
		
		<!-- API KEY googlemaps -->
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBsDZ3rcOS1HJvXCHh5PpdtjyUxj3DVib4&sensor=true"></script>
        
		<!-- jQuery -->
		<script type="text/javascript" src="/tecnicosya/web/js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="/tecnicosya/web/js/jquery-ui-1.10.3.custom.min.js"></script>
		<link type="text/css" rel="stylesheet" href="/tecnicosya/web/css/jquery/cupertino/jquery-ui-1.10.3.custom.min.css">
		
		<!-- validators -->
		<script src="/tecnicosya/web/js/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
		<script src="/tecnicosya/web/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
		<link type="text/css" rel="stylesheet" href="/tecnicosya/web/css/validationEngine.jquery.css"/>
		
		<!-- rating widget -->
		<script type="text/javascript" src="/tecnicosya/web/js/jquery.rateit.min.js"></script>
		<link rel="stylesheet" type="text/css" href="/tecnicosya/web/css/rateit.css" media="screen"/>

		<!-- Estilos app-->	
		<link type="text/css" rel="stylesheet" href="/tecnicosya/web/css/style.css">
		
		<!-- Galeria app-->	
		<link type="text/css" rel="stylesheet" href="/tecnicosya/web/css/carousel.css" />
			
		<script type="text/javascript" src="/tecnicosya/web/js/funciones.js"></script>
		<script type="text/javascript" src="/tecnicosya/web/js/carousel.js"></script>

		<script>
			$(function(){
				
				// Inicializo las form-tables de la aplicacion
				$(".form-table").find("td").attr('class', 'input-wrapper');
				$(".form-table").find("label").parent().attr('class', 'label-wrapper');	
				$('#form').validationEngine();		
				$('#form_pass_editor').validationEngine();

				// Submits anchors
				$('#submit').click(function(){
					$('#form').submit();
				});
				
				$(".submitForm").click(function() {
					$(this).parents().find("form")[0].submit();
				});		

				// mensajes exito y error
				var mensaje_exito = "<?php echo isset($mensaje_exito) ? $mensaje_exito : false;?>";
				var mensaje_error = "<?php echo isset($mensaje_error) ? $mensaje_error : false;?>";

				if(mensaje_exito)
				{
					mostrarMensajeExito(mensaje_exito);
				}

				if(mensaje_error)
				{
					mostrarMensajeError(mensaje_error);
				}
			});

			function cerrar_sesion()
			{	
				if(confirm("¿Seguro desea cerrar la sesión actual?"))
				{
					$.post("<?php echo site_url(array("auth", "cerrar_sesion"));?>")
					
					.done(function(){
						window.location = "<?php echo site_url(array('inicio'));?>";			
					})
	
					.fail(function(error) {
						mostrarMensajeError(error.responseText);
					});
				}
			}

			/* Ejecuta el contrato por ajax */
			function contratarTTS(tts_id)
			{
				mostrarMensajeConfirmacion("¿Seguro desea contratar el servicio seleccionado?", function() {
					var xhr = $.post("<?php echo site_url(array('contrato', 'contratar'))?>/" + tts_id);
	
					xhr.done(function(data) {
						mostrarMensajeExito("Contrato realizado con exito, número de control: " + data); 
					});
	
					xhr.fail(function(error) {
						mostrarMensajeError(error.responseText);
					});			
				});		
			}

			function abrirNuevoServicioForm() {
				
			    $("#dialog-form-servicio").dialog({
			        autoOpen: true,
			        resizable: false,
			        title: "Nuevo Servicio",
			        show: "fade",
			        height: 200,
			        width: 350,
			        modal: true,
			        dialogClass: "no-close",
				    
			        buttons: {
			            Guardar: function() {
			            	$("#form-servicio").submit();
			            },
			            Cancelar: function() {
			                $( this ).dialog( "close" );
			            }
			        }
			    });
			}		

			function mostrarMensajeConfirmacion(mensaje, callbackOk)
			{
				var message_dialog = $("#message-dialog");
				message_dialog.html("<p>" + mensaje + "</p>" + 
									"<div>" + 
									"<button id='confirmationButtonOk'>Aceptar</button>" + 
									"<button id='confirmationButtonCancel'>Cancelar</button>" +
									"</div>");

			    $("#confirmationButtonOk").button().click(function() {
			    	$("#message-dialog").dialog('close');			   
				   callbackOk();
			    });

			    $("#confirmationButtonCancel").button().click(function() {
			    	$("#message-dialog").dialog('close');
			    });			

			    $("#message-dialog").dialog({
					modal: true,
					closeOnEscape: false,
					resizable: false,
					title: 'Confirmación'
				});	
			}
			
			function mostrarMensajeExito(mensaje)
			{
				var message_dialog = $("#message-dialog");
				message_dialog.html("<p>" + mensaje + "</p>" + 
									"<div>" + 
									"<button id='confirmationButtonOk'>Aceptar</button>" + 
									"</div>");	


				$("#confirmationButtonOk").button().click(function() {
					$("#message-dialog").dialog('close');
			    });	
			    
				$("#message-dialog").dialog({
					modal: true,
					closeOnEscape: false,
					resizable: false,
					title: 'Exito'
				});			
			}

			function mostrarMensajeError(mensaje)
			{
				var message_dialog = $("#message-dialog");
				message_dialog.html("<p>" + mensaje + "</p>" + 
									"<div>" + 
									"<button id='confirmationButtonOk'>Aceptar</button>" + 
								    "</div>");

				$("#confirmationButtonOk").button().click(function() {
					$("#message-dialog").dialog('close');
			    });	
			    
				$("#message-dialog").dialog({
					modal: true,
					closeOnEscape: false,
					resizable: false,
					title: 'Error'
				});
			}
				
		</script>
	</head>	
	<body>
		<div id="watermark-image">
			<img src="<?php echo site_url(array('web', 'img', 'tecnico-watermark.png'));?>"/>
		</div>
		
		<div id="header">
			<div id="header-logo">
				<img src="<?php echo site_url(array('web', 'img', 'tecnico-icon.png'));?>"/>
				<span class="title">Técnicos YA!</span>				
			</div>	
						
			<div id="login-container">
				<?php if(!get_user_auth()):?>
					<a href="javascript:login_popup_open();">Autenticarme</a> |
					<a href="<?php echo site_url(array('auth', 'mostrarRegistro'));?>">Registro</a>
				<?php else:?>
					<a href="javascript:cerrar_sesion();">Cerrar sesión</a>
				<?php endif;?> 				
			</div>			
		</div>
		
		<div id="menu-container">
			<div id="menu">
				<ul>
      				<li><a <?php if($active_controller == "inicio") echo 'class="menu-selected"';?> href=<?php echo site_url(array('inicio'));?>>INICIO</a></li>
      
			      	<?php if (get_user_auth()):?>
						<li><a <?php if($active_controller == "perfil") echo 'class="menu-selected"';?> href=<?php echo site_url(array('perfil'));?>>PERFIL</a></li>
			      	<?php endif;?>
      				<?php
	   					$user = get_user_auth();
	   			 			if ($user['tipo'] == TIPO_USUARIO_ADMIN):?>
			      	<li><a <?php if($active_controller == "tecnico") echo 'class="menu-selected"';?> href=<?php echo site_url(array('tecnico'));?>>TECNICOS</a></li>
			      	<li><a <?php if($active_controller == "servicio") echo 'class="menu-selected"';?> href=<?php echo site_url(array('servicio'));?>>TIPOS DE SERVICIO</a></li>
			      	<li><a <?php if($active_controller == "cliente") echo 'class="menu-selected"';?> href=<?php echo site_url(array('cliente'));?>>CLIENTES</a></li>
			      	<?php endif;?>
				</ul>
			</div>			 
			<?php if(get_user_auth()):?>
				<div id="user-auth-container">
				 	<?php $user_auth = get_user_auth();  
				 		  echo 'Bienvenido/a '. $user_auth['nombres'] .' '. $user_auth['apellidos']; ?>
				</div>
			<?php endif;?>
		 </div>
		 				
		<div id="content"> 
			<?php include site_path(array('app', 'views', $view), '.php');?>	
			
			<!-- Clear content -->
			<div class="clear"></div>		 			 	
		</div>
				
		<div id="footer">
			<p>Tecnicos YA! - Laboratorio PHP (Tecnólogo Informatico)</p>
		</div>
		
		<!-- Div utilizado para mostrar mensajes de exito y error -->
		<div id="message-dialog"></div>
		
		<!-- Validaciones especiales. -->
		<script type="text/javascript" src="/tecnicosya/web/js/validaciones.js"></script>
		
		<!-- Login popup -->
		<?php include site_path(array('app', 'views', 'login_popup'), '.php');?>
		
		<!-- Mapa -->
		<?php include site_path(array('app', 'views', 'mapa'), '.php');?>
		
		<!-- Galeria -->
		<?php if(empty($lista_tts) && $active_controller == "inicio"):?>			
			<?php include site_path(array('app', 'views', 'galeria'), '.php');?>
		<?php endif; ?>
		
	</body>
</html>
